 import 'package:flutter/material.dart';

import '../utils/view_util.dart';

class InputWidget extends StatelessWidget {
  // 请输入用户名或者密码
  final String hint;

  // 控制是否以密码的形式显示
  final bool obscureText;

  // 键盘输入的类型
  final TextInputType? keyboardType;

  final ValueChanged<String>? onChanged;

  const InputWidget(
      {
        required this.hint,
        required this.obscureText,
        this.keyboardType,
        this.onChanged
      });

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        // 把布局的子组件封装在函数——input内
        _input(),

      ],
    );
  }
  //  用户名输入框函数封装
  _input() {
    return TextField(
      // 检测啥内容是否发生变动
      onChanged: onChanged,
      // 是否以密码的形式呈现
      obscureText: obscureText,
      //   键盘弹出的类型
      keyboardType: keyboardType,
      //  是否自动获取焦点
      autofocus: obscureText,
    //  自定义光标的颜色宽高等
      cursorColor: Colors.white,
      style: const TextStyle(fontSize: 17,color: Colors.white),
    //   输入框的样式
      decoration: InputDecoration(border: InputBorder.none,hintText: hint,hintStyle: TextStyle(fontSize: 17,color: Colors.grey)),
    );
  }

}

